@charset "utf-8";
html,body{ margin:0; padding:0; -webkit-text-size-adjust:none; width:100%; min-width: 20em; overflow-x:hidden; 
font: normal 13px "Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{ zoom:1}
h1, h2, h3, h4, h5, h6,button,textarea,input,p{ font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"!important}
.font22{ font-size: 22px; margin-bottom: 30px!important}
.acc-container .content strong{ display: block; margin-bottom: 10px}
.acc-container .content > div{ margin: 5px 0}
/*头部*/
.mobileheader{ margin: 0 auto; position: relative}
.headertop{ background: #333; padding: 2px 10px; color: #9b9b9b; display: -webkit-box; display: box; -webkit-box-align:center; box-align:center}
.headertop .telleft{ -webkit-box-flex:6; box-flex:6 }
.headertop .fxright{ -webkit-box-flex:4; box-flex:4; text-align: right }
.headertop .telleft p{ line-height: 22px; height: 22px; text-indent: 0; font: normal 13px "Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif" }
.headertop i{ font-size: 15px; width: 20px; height: 20px; vertical-align: -1px}
.headertop .fxright i{ vertical-align: -3px }
.headertop .fxright a{ color:#9b9b9b; display: inline-block; width: 22px; height: 22px; padding: 2px; border:1px solid #9b9b9b; text-align: center; 
border-radius: 50%; margin-left: 10px }
.headernav{ display: -webkit-box; display: box; -webkit-box-align:center; box-align:center; padding: 0 10px; background: #fff; height: 60px }
.headernav .logoleft{ -webkit-box-flex:1; box-flex:1 }
.headernav .menuicon{ -webkit-box-flex:1; box-flex:1; text-align: right; font-size: 28px }
.menu-div{ position: relative }
.headermenu{ background: #fff; padding: 0 10px; position: absolute; top: 60px; left: 0; z-index: 999; width: 100%; height: 0; overflow: hidden; overflow-y: auto;
box-shadow:0 -2px 3px #ececec; font-size: 1.2rem; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.headermenu a,.headermenu span{ height: 50px; line-height: 50px; padding-left: 20px; color:#3e3a39; display: block; border-bottom: 1px solid #ebebeb }
.headermenu a{ padding-left: 42px }
.headermenu a strong{ color: #ae1c1c; font-size: 1.23rem }
.headermenu .subnav{ display: none }
.headermenu .subnav a{ font-weight: normal; border-bottom: none; padding-left: 47px }
.headermenu span i{ font-size: 20px; margin-right: 15px; vertical-align: -1px}
/*banner*/
.index-banner{ width: 100%; height: 610px; overflow: hidden; position:relative; margin: 0 auto}
.index-banner .swiper-wrapper{ width:9999px; overflow:hidden; position:absolute; top:0; left:0}
.index-banner li{ float:left; width:100%; text-align: center;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; cursor: pointer}
.index-banner li img{ width: 100%}
.flicking-con{ position:absolute; bottom:1.42rem; left:0; width: 100%; text-align: center; z-index:99}
.flicking-con span{ display:inline-block; margin: 0 .3rem; width:.8em; height:.8em; vertical-align:middle; border-radius: 50%; background: #ccc}
.flicking-con span.swiper-pagination-bullet-active{ background:#014099}
.flicking-con span i{ display: block;width: .8rem; height: .8rem; border-radius: 50%}
/*首页关于万象*/
.mobile-about{ padding: 15px 0 0}
.mobile-about .container{ width: auto; margin: 0 10px}
.mobile-about .section_title_drakgray,.mobile-about .section_title_white,.mobile-about .cc_history,.mobile-honor .section_title_drakgray{ font-size: 24px; padding-bottom: 12px}
.mobile-about .section_title_white{ margin-bottom: 35px}
.mobile-about .section_title_white.fure{ margin-bottom: 20px}
.mobile-about .one_full .center{ padding: 15px 0}
.mobile-about .features_sec11_map{ margin-bottom: 0}
.mobile-about .features_sec3,.mobile-about .features_sec4{ padding: 30px 0}
.mobile-about .features_sec11{ padding: 30px 0 0; margin-bottom: 15px; background-attachment: fixed }
/*首页行业解决方案*/
.mobile-about .features_sec3 .one_fourth{ margin-bottom: 0}
.mobile-about .features_sec3 .boxsec{ padding: 20px 15%; height: 260px}
.mobile-about p{ text-indent: 0}
.mobile-about .features_sec3 .readmore_but2{ float: none; position: relative; top: -55px}
/*首页新闻中心*/
.mobile-about .features_sec11 .hblog{ height: auto }
.mobile-about .features_sec11 .one_third{ margin-bottom: 20px }
.mobile-about .features_sec11 .one_third p{ text-indent: 0 }
/*首页底部*/
.mobile-about .contactform_footer{ width: 100% }
.mobile-about .one_half,.mobile-about .one_fourth{ margin-bottom: 10px }
.mobile-about .fsocials li i{ width: 23px; height: 23px; line-height: 23px; margin-top: 0 }
.mobile-about .copyright_info{ padding: 10px 0 }
.mobile-about .footer_social_links{ margin-top: 0; float: left }
.mobile-about .contactform_footer .sky-form .button{ width: 100%; padding: 0 }
/*最新版图分公司列表*/
.mobile-company{ margin: 15px auto}
.mobile-company li{ display: -webkit-box; display: box; padding: 20px 0}
.mobile-company li + li{ border-top: 1px solid #dadada}
.mobile-company li .leftimg{ width: 100px; height: 100px; margin-right: 12px; border-radius: 8px; overflow: hidden }
.mobile-company li .leftimg img{ width: 100%; height: 100%}
.mobile-company li .righttext{ -webkit-box-flex:1; box-flex:1; text-align: left }
.mobile-company li .righttext h3{ font-size: 1.3rem; color: #108DF5; border-bottom: 2px solid #108DF5;
line-height: 30px; font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"}
.mobile-company li .righttext h3 i{ background: url(../images/fgs-ico.jpg) no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: -4px;
margin-right: 5px; background-size: contain}
.mobile-company li .righttext .specia{ color: #108DF5; margin: 5px 0}
.mobile-company li .righttext p{ font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif";
color: #333; line-height: 20px; font-size: 1rem; text-indent: 0 }
.mobile-company li .righttext p em{ color: #666}
/*首页合作伙伴列表*/
.mobilepartner{ margin: 0 auto}
.mobilepartner li{ margin-top: 15px; float: left; width: 50% }
.mobilepartner li img{ width: 100% }
/*二级页合作伙伴*/
.submobpartner{ margin: 0 auto 25px}
.submobpartner li{ margin: 5px 0; float: left; box-sizing:border-box}
.submobpartner li a{ display: block}
.submobpartner img{ width: 100%}
/*二级页面*/
.mobile-subpagestitle{ padding-left: 10px; font-size: 1.1rem; margin: 20px 0}
.mobile-subpagestitle i{ display: inline-block; width: 5px; height: 16px; background: #e60012; margin-right: 8px; vertical-align: middle }
.mobile-about .section_title_drakgray.lessmar,.mobile-about .features_sec41 .two_third{ margin-bottom: 30px }
.mobile-about .section_title_drakgray.lessmar img,.mobile-about .section_title_drakgray img,.section_title_white.fure img,
.mobile-about .cc_history img,.mobile-honor .section_title_drakgray img{ width: 23px; vertical-align: -3px }
.mobile-about .ipages_title1{ font-size: 18px; padding-bottom: 6px; margin-bottom: 20px }
.mobile-about .ipages_title1 img{ width: 24px; vertical-align: -5px }
.mobile-about .ipages_title1 strong{ margin-right: 5px }
.mobile-about .features_sec43 li.text h4{ margin-bottom: 2px }
.mobile-about .mob-margin0{ margin-bottom: 0!important }
.mobile-about .mob-margin13{ margin-left: 13px}
.mobile-about .mob-margin30{ margin-top: 20px}
.mobile-about .tabs3{ width: auto }
.mobile-about .tabs3 li a{ padding: 0; width: 33%; text-align: center; font-weight: normal }
.mobile-about .borderright0{ border-right:none }
.mobile-about .tabs-content3{ float: none; padding: 20px; width: auto; margin-top: 0; margin-bottom: 0 }
.mobile-about .tabs-content3 p,.mob100 .one_half p{ margin: 5px 0 }
.mobile-about .tabs-content3 img{ width: 100%}
.mobile-about .punchline_text_box{ float: none; width: auto; padding: 0; border: none }
.mobile-about .punchline_text_box .right{ position: relative; width: 100% }
.mobile-about .punchline_text_box .right .ip_but{ position: absolute; left: 130px; top: 35px; float: none; margin: 0 }
.mobile-subcontact{ margin: 15px 0 }
.mobile-subcontact span{ margin-bottom: 6px; display: block; font-size: 18px}
.mobile-subcontact p{ line-height: 20px; font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"; margin-bottom: 5px}
.mobile-about .padtop100{ padding-top: 10px; margin-bottom: 0}
.mobile-about .height170{ height: auto}
.mobile-about h2.section_title_drakgray2{ padding-bottom: 7px; margin-top: 17px; font-size: 1.7rem}
.mobile-about .features_sec36{ padding: 20px 0}
.mobile-about .features_sec36 h1{ line-height: 28px; font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif";
margin-bottom: 20px}
.mobile-about .features_sec36 h4{ font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"; text-align: left;
font-size: 1rem; margin-bottom: 0}
.mobile-about .features_sec33,.mobile-about .features_sec44{ padding-top: 35px; padding-bottom: 30px}
.mobile-about .features_sec43 ul{ margin:0 0 20px 0}
.mobile-about .features_sec33 ul,.mobile-about .features_sec43 ul{ display: -webkit-box; display: box}
.mobile-about .features_sec33 li.icon,.mobile-about .features_sec43 li.icon{ float: none}
.mobile-about .features_sec33 li.text,.mobile-about .features_sec43 li.text{ float: none;width: auto; -webkit-box-flex:1; box-flex:1}
.mob-width100{ width: 100%!important}
.mob100 .one_half{ margin-bottom: 20px}
.mob100 .one_half strong{ display: block; margin-bottom: 10px}
.mob100 .one_half p,.mobile-about .blog_post a.date i,.mobile-about .blog_post a.date strong{ font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif"}
.right_sidebar{ padding: 0!important}
.right_sidebar .arrows_list1 li{ line-height: 23px}
.paddtop30{ padding-top: 30px}
.mobile-about .features_sec41{ padding: 0}
.mobile-about .one_half.last{ margin-bottom: 20px}
.mobile-about .two_third_one ul.tabs{ width: 30%; box-sizing:border-box; border:none}
.mobile-about .two_third_one .tabs-content{ width: 70%; box-sizing:border-box; padding: 0; border: none}
.mobile-about .two_third_one .tabs-content .tabs-panel{ padding: 0 0 0 20px}
.mobile-about .two_third_one .tabs-content .tabs-panel .sky-form .col{ margin-bottom: 0}
.mobile-about .two_third_one .tabs-content .tabs-panel .sky-form .col-6{ width: 100%}
.mobile-about .two_third_one .tabs-content .tabs-panel .sky-form footer{ padding: 15px 0 0}
.mobile-about .ydline{ min-height: 136px}
.mobile-about .features_sec42.two{ margin-bottom: 20px; padding: 12px 0}
.mobile-about .font22{ font-size: 16px; margin-bottom: 8px!important}
.mobile-about .features_sec42.two .one_fourth{ margin-bottom: 20px}
.mobile-about .features_sec42.two .one_fourth.last{ margin-bottom: 0}
.mobile-about .one_third,.mobile-about .one_third.last{ margin-bottom: 20px}
.mobile-about .features_sec42 .box h4{ margin-top: 10px; text-align: center}
.mobile-about .cbp-l-filters-alignCenter{ margin: 0 auto}
.mobile-about a.knowmore_but{ margin: 0; padding: 0 8px; font-weight: 400; border-bottom: none; font-size: .8rem}
.mobile-about .cbp-l-filters-alignCenter .cbp-filter-item{ margin-left: 5px; margin-right: 5px}
.mobile-about .mar0{ margin: 0}
.mobile-about .features_sec25{ padding: 20px 0 10px}
.mobile-about .section_title_white.fure span{ font-size: 16px; margin-left: 10px}
/*二级页面企业历程*/
.mobile-about .history{ height: auto}
.mobile-about .start-history{ width: auto; margin: 0 10px; height: auto; position: relative;
background: url("../images/history_start.png") no-repeat center 35px; background-size: 90px}
.mobile-about .history-img{ width: 65px; height: 1290px; margin: 32px auto; float: none}
.mobile-about .history-img img{ width: 70px}
.mob-historyspan{ position: absolute; width: 35%}
.mob-historyspan h1{ font-size: 16px; line-height: 20px}
.mob-historyspan p{ margin-top: 5px; color: #666; line-height: 20px; font-size: 12px}
.mob-historyspan.span1 h1,.mob-historyspan.span2 h1,.mob-historyspan.span3 h1,.mob-historyspan.span4 h1,.mob-historyspan.span5 h1,
.mob-historyspan.span6 h1,.mob-historyspan.span7 h1{ color: #d43434; border-bottom: 3px solid #d43434}
.mob-historyspan.span8 h1,.mob-historyspan.span9 h1,.mob-historyspan.span10 h1,.mob-historyspan.span11 h1,.mob-historyspan.span12 h1,
.mob-historyspan.span13 h1,.mob-historyspan.span15 h1{ color: #37779d; border-bottom: 3px solid #37779d}
.mob-historyspan.span14 h1,.mob-historyspan.span16 h1,.mob-historyspan.span17 h1,.mob-historyspan.span18 h1,.mob-historyspan.span19 h1,
.mob-historyspan.span20 h1,.mob-historyspan.span21 h1,.mob-historyspan.span22 h1,.mob-historyspan.span23 h1{ color: #f76d02; border-bottom: 3px solid #f76d02}
.mob-historyspan.span2 p,.mob-historyspan.span4 p,.mob-historyspan.span6 p,.mob-historyspan.span8 p,.mob-historyspan.span10 p,
.mob-historyspan.span12 p,.mob-historyspan.span14 p,.mob-historyspan.span16 p,.mob-historyspan.span18 p,.mob-historyspan.span20 p,
.mob-historyspan.span22 p{ text-align: right}
.mob-historyspan.span1{ top:155px;left: 65%; text-align: left }
.mob-historyspan.span2{ top:206px;left: 1%; text-align: right }
.mob-historyspan.span3{ top:252px;left: 65%; text-align: left }
.mob-historyspan.span4{ top:207px;left: 1%; text-align: right }
.mob-historyspan.span5{ top:160px;left: 65%; text-align: left }
.mob-historyspan.span6{ top:304px;left: 1%; text-align: right }
.mob-historyspan.span7{ top:250px;left: 65%; text-align: left }
.mob-historyspan.span8{ top:402px;left: 1%; text-align: right }
.mob-historyspan.span9{ top:352px;left: 65%; text-align: left }
.mob-historyspan.span10{ top:501px;left: 1%; text-align: right }
.mob-historyspan.span11{ top:448px;left: 65%; text-align: left }
.mob-historyspan.span12{ top:582px;left: 1%; text-align: right }
.mob-historyspan.span13{ top:540px;left: 65%; text-align: left }
.mob-historyspan.span14{ top:680px;left: 1%; text-align: right }
.mob-historyspan.span15{ top:633px;left: 65%; text-align: left }
.mob-historyspan.span16{ top:756px;left: 1%; text-align: right }
.mob-historyspan.span17{ top:913px;left: 65%; text-align: left }
.mob-historyspan.span18{ top:861px;left: 1%; text-align: right }
.mob-historyspan.span19{ top:721px;left: 65%; text-align: left }
.mob-historyspan.span20{ top:962px;left: 1%; text-align: right }
.mob-historyspan.span21{ top:802px;left: 65%; text-align: left }
.mob-historyspan.span22{ top:1062px;left: 1%; text-align: right }
.mob-historyspan.span23{ top:1012px;left: 65%; text-align: left }
/*二级页面企业荣誉*/
.mobile-honor{ padding: 15px 0 0; border: none}
.mobile-honor .one_fourth{ margin-bottom: 10px; box-sizing:border-box; margin-right: 0}
.mobile-honor .one_fourth .box{ margin: 0 5px; width: auto}
.mobile-honor .one_fourth .box h4{ line-height: 20px; margin-top: 10px; margin-bottom: 0}
.mobile-honor .one_fourth.last{ float: left}
/*二级页面新闻中心*/
.mobile-about .flexslider{ margin: 0 0 20px}
.mobile-about .flex-control-nav{ bottom: -23px}
.mobile-about .features_sec25 .left{ width: 100%; margin-bottom: 10px; background: none}
.mobile-about .features_sec25 .left img.client_img{ width: 100%; height: auto; padding: 0 10px; box-sizing:border-box;}
.mobile-about .features_sec25 .left h5{ width: 100%; margin-top: 10px; text-align: left; font-size: 16px;
padding: 0 10px; box-sizing:border-box;}
.mobile-about .features_sec25 .left h5 em{ font-size: 12px}
.mobile-about .features_sec25 .right{ width: 100%; padding: 10px; box-sizing:border-box;}
.mobile-about .content_left{ padding: 20px 0 0}
.mobile-about .blog_postcontent .image_frame.small{ width: 100%; box-sizing:border-box; margin-bottom: 15px}
.mobile-about .blog_postcontent .image_frame img{ width: 100%; height: auto}
.mobile-about .post_info_content_small,.mobile-about .new_detail_img img,.mobile-about .hvideo img{ width: 100%; height: auto}
.mobile-about .blog_post a.date{ height: auto}
.mobile-about .blog_post h3{ font-size: 16px; line-height: 22px}
.mobile-about .blog_post h3 a{ font-size: 16px; font-family:"Helvetica Neue","Helvetica","Microsoft Yahei","sans-serif";
margin-top: 0;display: block; height: 45px; overflow: hidden}
.mobile-about ul.post_meta_links_small{ margin: 5px 0 15px -8px; width: auto}
.mobile-about .divider_dashed9{ margin: 17px 0 20px}
.mobile-about h2.lessmar{ padding-bottom: 7px; border-bottom: 1px solid #c5c5c5; font-size: 16px;line-height: 23px; color: #464646}
.mobile-about .mob-ulreset{ width: 100%!important; margin: 8px 0 23px -7px!important}
.mobile-about .new_detail_img,.mobile-about .hvideo{ margin-bottom: 10px}
.mobile-about .less1{ width: 100%; float: none; margin: 5px 0; color: #727272}
.mobile-about .company_img{ margin: 15px auto 30px}

@media screen and (max-device-width:319px){
.hide-section{ display: none }
.mobileheader{ display: block }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 100%; padding: 0}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 100%}
.mobile-honor .one_fourth .box h4{ text-align: center}
.mobile-about .blog_post h3{ width: 71%}
}
@media screen and (min-device-width:320px) and (max-device-width:359px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 10.84rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 100%; padding: 0}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 100%}
.mobile-honor .one_fourth .box h4{ text-align: center}
.mobile-about .blog_post h3{width: 74%}
}
@media screen and (min-device-width:360px) and (max-device-width:374px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 12.46rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 50%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 50%}
.mobile-honor .one_fourth.aboutbox{ width: 100%}
.mobile-honor .one_fourth .box{ height: 225px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .blog_post h3{ width: 77%}
}
@media screen and (min-device-width:375px) and (max-device-width:383px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 13.07rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 50%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 50%}
.mobile-honor .one_fourth.aboutbox{ width: 100%}
.mobile-honor .one_fourth .box{ height: 225px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .blog_post h3{ width: 78%}
}
@media screen and (min-device-width:384px) and (max-device-width:399px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 13.386rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 50%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 50%}
.mobile-honor .one_fourth.aboutbox{ width: 100%}
.mobile-honor .one_fourth .box{ height: 225px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .blog_post h3{ width: 79%}
}
@media screen and (min-device-width:400px) and (max-device-width:413px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 14.07rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 50%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 50%}
.mobile-honor .one_fourth.aboutbox{ width: 100%}
.mobile-honor .one_fourth .box{ height: 225px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .blog_post h3{ width: 80%}
}
@media screen and (min-device-width:414px) and (max-device-width:767px){
.hide-section{ display: none }
.mobileheader{ display: block }
.index-banner,.index-banner li img{ height: 14.61rem }
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 50%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.paddtop30{ padding-top: 15px}
.mobile-honor .one_fourth{ width: 50%}
.mobile-honor .one_fourth.aboutbox{ width: 100%}
.mobile-honor .one_fourth .box{ height: 225px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .blog_post h3{ width: 80%}
.mob-historyspan.span18{ top: 862px}
.mob-historyspan.span20{ top: 960px}
.mob-historyspan.span16{ top: 760px}
.mob-historyspan.span17{ top: 916px}
.mob-historyspan.span19{ top: 714px }
.mob-historyspan.span21{ top: 812px }
.mob-historyspan.span23{ top: 1013px }
}
@media screen and (min-device-width:768px) and (max-device-width:1024px){
.hide-section{ display: none }
.mobileheader{ display: block }
.headertop .telleft p{ display: inline-block; margin-right: 10px; height: 36px; line-height: 36px }
.index-banner,.index-banner li img{ height: 26.76rem }
.mobile-about .features_sec3 .one_fourth,.mobile-about .features_sec11 .one_third{ width: 30%; margin: 0 12px }
.mobile-about .features_sec3 .one_fourth.last,.mobile-about .features_sec11 .one_third.last{ float: left }
.mobilepartner li{ width: 33.33% }
.mobile-about .features_sec11{ padding: 30px 0 }
.mobile-about .features_sec11 .hblog{ height: 515px;overflow-y: hidden }
.mobile-about .one_fourth{ width: 40% }
.mobile-about .features_sec42.two .one_fourth{ width: 100% }
.mobile-about .one_half{ width: 100%; text-align: center}
.mob-contain100,.mob100{ width: 100%; margin: auto}
.mob-contain10{ width: auto; margin: 0 10px; position: relative}
.right_sidebar{ float: none; width: auto; position: absolute; top: 258px; left: 52%}
.features_sec38{ margin-top: 20px}
.submobpartner li{ width: 33.333%; padding: 0 5px}
.mob100 .one_half p{ text-indent: 0}
.mobile-about .footer_social_links{ float: none}
.paddtop30{ padding-top: 15px}
.mobile-about .features_sec42 .box h4{ text-align: left}
.mobile-honor .one_fourth{ width: 33.33%}
.mobile-honor .one_fourth .box{ height: 275px}
.mobile-honor .one_fourth.aboutbox .box{ height: auto; margin: 0}
.mobile-about .flexslider{ margin: 0 0 35px}
.mobile-about .flex-control-nav{ bottom: -34px}
.mobile-about .features_sec25 .left{ margin-bottom: 20px}
.mobile-about .features_sec25 .right{ padding: 20px 10px}
.mobile-about .features_sec25 .left img.client_img{ width: 60%}
.mobile-about .features_sec25 .left h5{ width: 40%; margin-top: 95px; text-align: center;}
.mobile-about .features_sec25 .left h5 em{ display: block}
.mobile-about .blog_postcontent .image_frame.small{ width: 40%}
.mobile-about .post_info_content_small{ width: 56%}
.mobile-about .blog_post h3{ width: 82%}
.mob-historyspan{ width: 25%}
.mob-historyspan.span2,.mob-historyspan.span4,.mob-historyspan.span6,.mob-historyspan.span8,.mob-historyspan.span10,
.mob-historyspan.span12,.mob-historyspan.span14,.mob-historyspan.span16,.mob-historyspan.span18,.mob-historyspan.span20,
.mob-historyspan.span22{ left: 16%}
.mob-historyspan.span1,.mob-historyspan.span3,.mob-historyspan.span5,.mob-historyspan.span7,.mob-historyspan.span9,
.mob-historyspan.span11,.mob-historyspan.span13,.mob-historyspan.span15,.mob-historyspan.span17,.mob-historyspan.span19,
.mob-historyspan.span21,.mob-historyspan.span23{ left: 59%}
.mobile-about .new_detail_img img,.mobile-about .hvideo img,.mobile-about .one_half img{ width: 75%; margin: 0 auto; float: none}
}
@media screen and (min-device-width:1025px) {
.hide-section{ display: block }
.mob-contain100,.mob-contain10{ width: 90%; margin: auto 5%}
.mob100{ width: 71%}
.features_sec38{ margin-top: 0}
}
